<div class="has-header has-footer">
    <div class="">
        <div class="pull-right"  style="margin-bottom:10px;" ng-init="_mode = 'followed'">
            <div class="btn-group">
                <button style="" type="button" class="btn btn-sm" ng-class="_mode != 'all'?'actived':'unActive'" ng-click="changeMode('followed')">已关注</button>
                <button style="" type="button" class="btn btn-sm" ng-class="_mode == 'all'?'actived':'unActive'" ng-click="changeMode('all')">全部</button>
            </div>
        </div>
        <div style="clear: both;"></div>

        <uib-tabset active="1">
            <uib-tab ng-repeat="tab in calendars" index="$index" heading="{{tab.heading}}" select="getCalendars(tab.key, $index)">
                <p ng-if="tab.items<=0" style="color:red;text-align: center;margin-top:20px;">
                    <span><i class="iconfont icon-ku"></i></span>
                    <span>暂无日历数据！</span>
                </p>
                <table border="1" width="100%" height="50px" style="border: 1px solid #ffffff;">
                    <tr ng-style="item.published != true?{background:'#666'}:''" ng-repeat="item in tab.items">
                        <td width="35%">
                            <table width="100%" style="text-align: center">
                                <tr>
                                    <td width="50%">{{item.updated | date : 'MM-dd HH:mm'}}</td>
                                    <td>{{item.currency}}</td>
                                </tr>
                                <tr>
                                    <td>★{{item.impact == 2?'★':(item.impact == 3?'★★':'')}}</td>
                                    <td>
                                        <div style="display:inline-block;width: 20px;height: 20px;text-align: center;">
                                            <img ng-src="images/flags/{{ item.currencyIcon }}" alt="" style="max-width: 20px; max-height: 20px;">
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td>
                            <table width="100%">
                                <tr style="border-bottom:.1px solid #999;">
                                    <td colspan="3">
                                        <strong class="pull-left">{{item.cnTitle}}</strong>
                                        <i class="pull-right" ng-if="item.unit">（单位：{{item.unit}}）</i>
                                    </td>
                                </tr>
                                <tr height="20">
                                    <td width="33.33%">
                                        <span ng-if="item.actual">实际：{{item.actual}}</span>
                                    </td>
                                    <td width="33.33%">
                                        <span ng-if="item.forecast">预测：{{item.forecast}}</span>
                                    </td>
                                    <td>
                                        <span ng-if="item.previous">前值：{{item.previous}}</span>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </uib-tab>
        </uib-tabset>
    </div>
</div>
